<template>
  <section id="userInfo">
    <section class="panel">
      <section class="panel_pic">
        <img src="/src/assets/img/user/portrait.jpg" alt="">
      </section>
      <router-link class="weui-cell weui-cell_access" href="javascript:;" to="/user/edit">
        <div class="weui-cell__bd">
          <p>基本信息</p>
        </div>
        <div class="weui-cell__ft">
        </div>
      </router-link>
      <a class="weui-cell weui-cell_access" href="javascript:;">
        <div class="weui-cell__bd">
          <p>理财师等级</p>
        </div>
        <div class="weui-cell__ft">
        </div>
      </a>
      <a class="weui-cell weui-cell_access" href="javascript:;">
        <div class="weui-cell__bd">
          <p>银行卡绑定</p>
        </div>
        <div class="weui-cell__ft">
        </div>
      </a>
    </section>
  </section>
</template>
<style scoped>
#userInfo{
  background: #FFF;
  padding-top: .5rem;
}
.panel{
  width: 90%;
  background: #FFF;
  margin: 0 auto;
  border-radius: .25rem;
  padding-right: .5rem;
  box-shadow: .1rem .1rem .75rem #ccc;
}
.panel_pic{
  height: 8rem;
  text-align: center;
  padding-top: 1rem;
  box-sizing: border-box;
  
}
.panel_pic img{
  width: 4rem;
  border-radius: 50%;
  border: 3px solid #999;
}
.weui-cell__bd{
  font-size: .7rem;
}

</style>
